$(() => {
    // 校验用户是否登录
    // 根据cookie校验
    // 获取用户名
    let username = getCookie('username');
    if (username) {
      // 将用户名渲染和退出页面中
      $('.h-info').html(`<li><a href="">欢迎尊贵的vip<span style="color:#ff6700">${username}</span></a><span>|</span></li>
      <li class="exit"><a href="javascript:;" >退出登录</a><span>|</span></li>   
       <li><a href="#">消息通知</a></li>
     `)
     $('.cart-login').css({display:"none"})
      // 用户登录信息渲染之后,给退出点击事件,完成退出
      $('.exit').click(() => {
        // 使用一个 提示弹出层
        let index = layer.confirm('你真的要退出吗?', () => {
          // 点击确定
          // 清除cookie
          delCookie('username');
          // 关闭弹出层
          layer.close(index);
          // 渲染登录注册
          $('.h-info').html(` <li><a href="./delu.html">登录</a><span>|</span></li>
          <li><a href="./zuce.html">注册</a><span>|</span></li>

 
          `)
        }, () => {
          layer.msg('你已经取消退出');
        })
  
  
      })
  
  
  
    } else {
      // 渲染登录注册
      $('.h-info').html(` <li><a href="./delu.html">登录</a><span>|</span></li>
      <li><a href="./zuce.html">注册</a><span>|</span></li>
      <li><a href="#">消息通知</a></li>
   
      `)
      $('.cart-login').css({display:"block"})
    }
  })